html, body {
	height: 100%;
	background-color: #333333;
	/* The html and body elements cannot have any padding or margin. */
/*	font-family: "Microsoft YaHei" ! important;
*/}
a:link {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
footer {
	padding-top: 20px;
	background-color: #ffffff;
}
.navbar {
	/*opacity:0.9;*/
	/*box-shadow: 0px 5px 8px #B8B8B8;*/
}
#warp {
	min-height: 100%;
	/*background-color: #004869;*/
	height: auto;
	margin-top: 0px;
	/*margin-bottom: -50px;*/
    /*padding-bottom: 50px;*/
}
.register-form {
/*	padding-top:10px;
	padding-bottom:30px;
	padding-right:30px;
	padding-left:30px;
	margin-bottom: 20px;
	background-color: #ffffff;
	box-shadow: 5px 5px 3px #B8B8B8;*/
	margin-top: 100px;
}
.container {
	min-height: 100%;
	height: auto;
}
.jumbotron {
	min-height: 100%;
	height: auto;

}
.panel {
	background-color: #f2f2f2;
	/*box-shadow: 5px 5px 10px #B8B8B8;*/
	padding: 0px;
}
li.list-group-item {
	background-color: #f2f2f2;
}
.user-seting {
	background-color: #fff;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
}
.topic {
	padding-right: 20px;
}
#submit {
	float:right;
	background-color: #5bc0de;
	color: #fff;
}
.list-group-item {
	padding-bottom: 20px;
}
.list-group-item {
	padding-top: 10px;
	padding-bottom: 10px;
}
div.go-top {
    display: none;
    opacity: 0.6;
    z-index: 999999;
    position: fixed;
    bottom: 113px;
    left: 85%;
    margin-left: 40px;
    border: 1px solid #337ab7;
    width: 38px;
    height: 38px;
    border-radius: 3px;
    cursor: pointer;
}

div.go-top:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
div.go-top p{
	font-size: 28px;color: #337ab7;
	margin-top: 4px;
	margin-left: 3px;
}
ol.breadcrumb {
	background-color: #337ab7;
	padding: 0px;
	margin-bottom: 0px;
}
div.modal {
	padding-top: 40px;
}
#footer {
	/*opacity:0.7;*/
}
canvas {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 0;
}
#body {
	height: 200px;
}
#postbody {
	height: 400px;
}
.post-body {
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient:vertical;
  line-height:24px;
  letter-spacing:2px;  
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  color: #383838;
}

@media screen and (max-width: 1081px) { 
#left, #right {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.container {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
}
.post-body {
	padding-left: 0px;
	padding-right: 0px;
}
} 
ol.breadcrumb {
	background-color: rgba(8,0,0,0);
}
